<template>
  <img class="img" src="@/assets/img1.png">
  <el-card>
    <div style="margin-bottom: 2rem">
      <div class="caret-right">
        <el-icon color="rgb(46, 149, 254)" size="30">
          <el-icon-caret-right/>
        </el-icon>
        <el-text>选择工艺</el-text>
      </div>
      <Navigation/>
    </div>
    <router-view v-slot="{ Component, route }">
      <keep-alive :include="routerStore.include">
        <component :is="Component" v-if="route.meta.iskeepAlive"/>
      </keep-alive>
      <component :is="Component" v-if="!route.meta.iskeepAlive"/>
    </router-view>
  </el-card>
</template>

<script setup>
import Navigation from "@/views/quotation/components/Navigation.vue";
import {useRouterStore} from "@/stores/router.js";

const routerStore = useRouterStore();
</script>

<style scoped>
.img {
  display: block;
  margin: auto;
}

.caret-right {
  display: flex;
  align-items: center;
}
</style>